﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Two</title>

<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="css/five.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
</head>

<body id="page-top" class="index">

<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container"> 
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header page-scroll">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
    </div>
    <span class="navbar-header page-scroll"><a class="navbar-brand page-scroll" href="#page-top">TWO</a></span> 
    
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li class="hidden"> <a href="#page-top"></a> </li>
        <li> <a class="page-scroll" href="#portfolio">功能</a> </li>
        <li> <a class="page-scroll" href="#about">介绍</a> </li>
        <li> <a class="page-scroll" href="#team">团队</a> </li>
        <li> <a class="page-scroll" href="#contact">联系我们</a> </li>
      </ul>
    </div>
    <!-- /.navbar-collapse --> 
  </div>
  <!-- /.container-fluid --> 
</nav>

<!-- Header -->
<header>
  <div class="container">
    <div class="intro-text">
      <div class="intro-lead-in">Welcome To Our Website!</div>
      <div class="intro-heading">橙子校园<br>
        		——专注校园二手——</div>
      <a href="#portfolio" class="page-scroll btn btn-xl"><i class="fa fa-angle-double-down fa-4x"></i></a> </div>
  </div>
</header>

<!-- Portfolio Grid Section -->
<section id="portfolio" class="bg-light-gray">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h2 class="section-heading">功能</h2>
        <div class="line"></div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4 col-sm-6 portfolio-item"> <a href="/goods.html" class="portfolio-link" >
        <div class="portfolio-hover">
          <div class="portfolio-hover-content"> <i class="fa fa-arrow-right fa-3x"></i> </div>
        </div>
        <img src="img/portfolio/portfolio1.png" class="img-responsive" alt=""> </a>
        <div class="portfolio-caption">
          <h4>校园二手</h4>
          <p class="text-muted">带不走的东西，丢不掉的记忆<br/>让小橙子，帮它找到新的主人</p>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 portfolio-item"> <a href="buy.html" class="portfolio-link" >
        <div class="portfolio-hover">
          <div class="portfolio-hover-content"> <i class="fa fa-arrow-right fa-3x"></i> </div>
        </div>
        <img src="img/portfolio/portfolio2.png" class="img-responsive" alt=""> </a>
        <div class="portfolio-caption">
          <h4>校园求购</h4>
          <p class="text-muted">众里寻它，蓦然回首<br/>原来它就在这里－橙子求购</p>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 portfolio-item"> <a href="apply.html" class="portfolio-link" >
        <div class="portfolio-hover">
          <div class="portfolio-hover-content"> <i class="fa fa-arrow-right fa-3x"></i> </div>
        </div>
        <img src="img/portfolio/portfolio3.png" class="img-responsive" alt=""> </a>
        <div class="portfolio-caption">
          <h4>开通学校</h4>
          <p class="text-muted">年华已去，梦想犹在<br/>入驻我们，或获得属于你的平台</p>
        </div>
      </div>
      </div>
  </div>
</section>

<!-- Portfolio Grid Section -->
<section id="about" class="bg-light-gray">
  <div class="container">
  	<div class="row">
      <div class="col-lg-12 text-center">
        <h2 class="section-heading">介绍</h2>
        <div class="line"></div>
      </div>
    </div>
    <div class="row">
    	<div class="col-sm-6">
        <i class="glyphicon glyphicon-bell glyphicon-1x"></i>
        <div class="portfolio-caption port-1x">
          <h4>安全</h4>
          <p class="text-muted">当面沟通，信息对称，确保安全。</p>
        </div>
      </div>
      <div class="col-sm-6">
        <i class="glyphicon glyphicon-flash glyphicon-1x"></i>
        <div class="portfolio-caption port-1x">
          <h4>快捷</h4>
          <p class="text-muted">同校交易，省去物流，不用等待。</p>
        </div>
      </div>
      <div class="col-sm-6 col-sm-6-1x">
        <i class="glyphicon glyphicon-check glyphicon-1x"></i>
        <div class="portfolio-caption port-1x">
          <h4>简单</h4>
          <p class="text-muted">简单注册，简洁发布，一键到底。</p>
        </div>
      </div>
      <div class="col-sm-6 col-sm-6-1x">
        <i class="glyphicon glyphicon-send glyphicon-1x"></i>
        <div class="portfolio-caption port-1x">
          <h4>方便</h4>
          <p class="text-muted">PC＋APP，分类明晰，快速搜索。</p>
        </div>
      </div>
      
    </div>
   
  </div>
</section>
    </div>
  </div>
</section>

<!-- Team Section -->
<section id="team" class="bg-light-gray">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h2 class="section-heading">团队</h2>
        <div class="line"></div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-3">
        <div class="team-member"> <img src="img/team/1.jpg" class="img-responsive img-circle" alt="">
          <h4>Oyx</h4>
          <p class="text-muted">前端工程师</p>
          
        </div>
      </div>
      <div class="col-sm-3">
        <div class="team-member"> <img src="img/team/2.jpg" class="img-responsive img-circle" alt="">
          <h4>Lzc</h4>
          <p class="text-muted">后端工程师</p>
          
        </div>
      </div>
      <div class="col-sm-3">
        <div class="team-member"> <img src="img/team/3.jpg" class="img-responsive img-circle" alt="">
          <h4>Oyx</h4>
          <p class="text-muted">首席开发员</p>
          
        </div>
      </div>
      <div class="col-sm-3">
        <div class="team-member"> <img src="img/team/4.jpg" class="img-responsive img-circle" alt="">
          <h4>Lzc</h4>
          <p class="text-muted">首席程序员</p>
          
        </div>
      </div>
    </div>
   
  </div>
</section>

<!-- Team Section -->
<section id="contact">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h2 class="section-heading">联系我们</h2>
        <div class="line"></div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4">
        <h5><i class="fa fa-map-marker"></i> 地址</h5>
        <p>湖南省衡阳市湖南工学院</p>
      </div>
      <div class="col-md-4">
        <h5><i class="fa fa-envelope-o"></i> 邮箱</h5>
        <p>info@qq.com</p>
      </div>
      <div class="col-md-4">
        <h5><i class="fa fa-phone"></i> 电话</h5>
        18188888888</div>
    </div>
    </div>
</section>
<footer>
  <div class="container">
    <div class="row">
      <div class="col-md-8"> <span class="copyright">版权所有@lllooo</span> </div>
      
    </div>
  </div>
</footer>

<!-- Portfolio Modals --> 
<!-- Use the modals below to showcase details about your portfolio projects! --> 

<!-- jQuery --> 
<script src="js/jquery.js"></script> 
<!-- Bootstrap Core JavaScript --> 
<script src="js/bootstrap.min.js"></script> 
<!-- Plugin JavaScript --> 
<script src="js/jquery.easing.min.js"></script> 
<script src="js/classie.js"></script> 
<script src="js/cbpAnimatedHeader.js"></script> 
<!-- Contact Form JavaScript --> 
<script src="js/jqBootstrapValidation.js"></script> 
<script src="js/contact_me.js"></script> 

<!-- Custom Theme JavaScript --> 
<script src="js/five.js"></script>
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
</body>
</html>
